<template>
    <div class="box-card">
        <div>
          <el-input placeholder="请输入内容" v-model="input1">
            <template slot="prepend">昵称</template>
          </el-input>
        </div>
        <div>
          <el-input placeholder="请输入邮箱" v-model="input2">
            <template slot="append">.com</template>
          </el-input>
        </div>
        <div>
          <el-input placeholder="请输入联系方式" v-model="input3" class="input-with-select">
            <el-select v-model="select" slot="prepend" placeholder="请选择">
              <el-option label="QQ" value="1"></el-option>
              <el-option label="微信" value="2"></el-option>
              <el-option label="用户电话" value="3"></el-option>
            </el-select>
            <el-button slot="append" icon="el-icon-search"></el-button>
          </el-input>
        </div>
      <el-button>提交</el-button>
    </div>
</template>
<script>
export default {
    name:"maintain",
     methods: {
    },
    data() {
     return {
      input1: '',
      input2: '',
      input3: '',
      select: ''
    }
    }
}
</script>

<style>
  .el-select .el-input {
    width: 120px;
  }
  .input-with-select .el-input-group__prepend {
    background-color: #fff;
  }
</style>